<template>
  <div class="home">
    <!-- <h3>二级路由:布局容器默认展示页面Home</h3> -->
    <!-- 轮播图 -->
    <homeBanner></homeBanner>
    <!-- 侧边栏组件 -->
    <homeSideBar></homeSideBar>
    <!-- 新鲜好物组件 -->
<homeFreshGoods></homeFreshGoods>
<!-- 人气推荐组件 -->
<homeRecommand></homeRecommand>
  </div>
</template>

<script>
// 导入子组件侧边栏组件&轮播图组件
import homeSideBar from '@/views/Home/components/homeSideBar.vue'
import homeBanner from '@/views/Home/components/homeBanner.vue'
// 导入新鲜好物组件
import homeFreshGoods from './components/homeFreshGoods.vue'
import homeRecommand from './components/homeRecommand.vue'
export default {
  name: 'HomeBr',
  components: { homeSideBar, homeBanner, homeFreshGoods, homeRecommand },
  setup () {}
}
</script>

<style lang="less" scoped>
.home{
  // width: 1240px;
  // height: 450px;
  // padding: 20px 0 0;
  // margin: 0 54px;
  // padding: 10px 30px;
}
</style>
